<template>
  <div class='container'>
      <router-view></router-view>
     <sidebar :show.sync="show"></sidebar>
    </div>
</template>
<script>
import Sidebar from './components/sidebar'

export default {
  data () {
    return {
      show: false
    }
  },
  components: {
    Sidebar
  },
  events: {
    'showNav': function () {
      this.show = true;
    }
  }
}
</script>


<style lang='scss'>
@import './assets/styles/icon.css';
@import './assets/styles/reset.css';


body {
 background-color:#ebebeb;
  height: 100%;
}

 *{
 box-sizing:border-box;
}

img{
  width:100%;
  transition:opacity 1.2s ease;
  opacity:1;
}


</style>
